<template>
	<div class="container">
		<swiper :options="swiperOption">
			<swiper-slide>
				<img src="static/img/slide1.jpg" width="100%" />
			</swiper-slide>

			<swiper-slide>
				<img src="static/img/slide2.jpg" width="100%" />
			</swiper-slide>
		</swiper>
	</div>

</template>

<script>
	require('swiper/dist/css/swiper.css')
	export default {
		data() {
			return {
				swiperOption: {
					loop: true,
					autoplay: 4500
				}
			}
		}

	}
</script>
<style scoped>
	.container {
		width: 100%;
		overflow: hidden;
	}
</style>